<template>
<div :class="{ 'left':left }">
  <slot name="titleh">
    <div class="title">
      {{ title }}
    </div>
  </slot>
  <slot name="titlesub">
    <div class="sub">
      {{ content }}
    </div>
  </slot>
</div>
</template>

<script>
export default {
  name: "index",
  props:{
    title:{},
    content:{},
    left:{
      type:Boolean,
      default:false
    }
  }
}
</script>

<style scoped>
.title{
  font-size: 24px;

}
.sub{
  color: #999;
  margin-top: 20px;
}
.left{
  text-align: left;
}
</style>